/*********************************************************
Theme inspired by beyondskins.lostkatana
http://plonethemes.org/free-themes/beyondskins.lostkatana
*********************************************************/

/* reset */
* {margin:0; padding:0; list-style:none; vertical-align:baseline;}

/* Background images - Remove this lines for a clean layout */
/* body {background: url(bg.jpg) top center repeat-x;}*/
#header {
/*background: transparent url(header.jpg) bottom center repeat-x;
padding: 0 5% 315px;
position: relative;*/
}

/****************** Basic Stuff ******************/

/* Colors and fonts */
body {
background-color: #FFFFFF;
color: #606060; 
font-family: Georgia, Georgia, serif; 
font-size: 80%; /* with this 1em = 10px */
}
a:link, #content a:link, dl.portlet a:link {color:#000000;}
a:visited, #content a:visited, dl.portlet a:visited {color: #000000;}
#content a:hover, dl.portlet a:hover {color: #9f2200 !important;}
h1 {color: #606060; font-family: "AvantGarde Md BT", Arial, Helvetica, sans-serif; }
h2, h3, h4, h5, h6 {color: #606060; font-family: "AvantGarde Md BT", Arial, Helvetica, sans-serif; }
h1, h2, h3 {margin: 0.5em 0 0.5em;}
p {line-height: 1.8em; margin: 0 0 1em 0;}
.wellcome {
    font-size:1.0em;
    text-align:center;
}
#wrapper { 
width:auto; 
margin: 0 auto; 
font-size: 1.2em;
border-top: 10px /*solid #9f2200*/;
}
#main {
background: transparent; 
font-size: 1.3em; 
padding: 1em 5%;
}

/* fix cover overlay, you can remove this lines if you dont use collective cover */
#exposeMask {z-index: 0 !important;}
.close {opacity: 0.6; text-indent: -10000px;}

/****************** HEADER ******************/

/* logo */
#logo {padding: 1% 1%; margin-left:auto; margin-right:auto; width: 30%;}
#logo img {max-width:100%;}
#logo a {display:block; width:100%;} 

/* Personal tools */
#portal-personaltools {font-size: 1.2em; background: #e0e0e0; color: #000000;}
#portal-personaltools dd {background: #e0e0e0; color: #000000;}
#portal-personaltools dd a:hover {background: #505050;}
#portal-personaltools a, #portal-personaltools a:visited, #portal-personaltools a:hover {color: #000000 !important;}

/* Main navigation */
#nav {
background-color: white;
color: #fff;
font-size: 1.2em;
text-align:center;
width:50%;
margin-left:auto;
margin-right:auto;
}

#nav a {
color: black; 
font-weight: bold;
padding: 0.2em 1em; 
text-decoration: none; 
min-width: 3em; 
display: inline-block;
}

/*#nav a:hover{
    color: red;
}*/

#nav li.selected {
    background: White;
    color: Black;
/*    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;*/
}

#nav li.selected a{
    color: #C5C4C4;
}

/* Searchbox */
#portal-searchbox {float: right; margin-top: 3.5%;}
#portal-searchbox #searchGadget {
border: 1px solid #b49b7e; 
background: transparent; 
padding: 0.4em 1em; 
margin-right: 3px;
color: #b49b7e;
}
#searchGadget, .LSBox input.searchButton {padding: 0.1em 0.2em;}
.LSBox input.searchButton {background: #f0ffff; border: none; padding: 0.4em 1em; color: #000;}
#LSResult {z-index:1; margin-top: 0.5%;}


/****************** CONTENT ******************/

/* Text styles */
.hidden {display: none;} 
.clear {clear: both;}
.pb-ajax, .pb-image, 
.overlay iframe {font-size: 1.4em;}
.portlet img, #content img {max-width:100%;}

/* lists */
#content li, dl.portlet li {
display: list-item;
line-height: 1.5em;
list-style: square outside;
margin-bottom: 0.25em;
}
#content ol li, dl.portlet ol li {list-style: decimal outside;}
dl.portlet ul.navTreeLevel0 > .navTreeItem {list-style: none;}

/****************** PORTLETS ******************/
dl.portlet dt, div.portletAssignments div.portletHeader {background: #e9d8bb;}


/****************** FOOTER ******************/

/*#footer {background: #734f33; color: #fff;}*/
#footer a:link, #footer a:visited, #footer a:hover {color: #fff !important;}
#footer {clear: left; padding: 1em 2em;}

/* Site Actions */
#portal-siteactions {text-align: left; display:inline;}


/****************** RESPONSIVE DESIGN MAGIC ******************/

#searchbt, #nav #seletor {display:none;}
#nav #seletor {color: #fff;}

@media screen and (max-width: 768px) {

	#wrapper {max-width: 100%;}
	#logo {min-width:140px;}	
	
	/*Columns*/
	#portal-column-one,
	#portal-column-two,
	#portal-column-content {clear: both; width: 97.75%; margin-left: -98.875%;}

	/*Search*/
	#portal-searchbox  {display:none;}

	/*Global navigation*/
	#nav {padding:0;width:100%;}
	
	#searchbt {display:block; float:right;width:14%;}
	
	#searchbt a {
		display:block;
		text-indent: -900000px;
		padding: 1em;
		margin-top: 4%;
		background:transparent url(search-ico.png) no-repeat center center;
	}
	
	#nav #seletor {
		display:block;
		padding:1em;
		width:80%;
		background:url("sections-ico.png") no-repeat 97% 60%;
	 }
	
	#nav li {display: none;}
	
	#nav:hover li {
		display: block;
		width:100%; 
		border-top:1px solid #ffffff;;
		display:block !Important;
		padding:0;
	}
	
	#nav ul {
		width:97.5%;
		margin:0;
		padding:0;
	}
	
	#nav:hover li a {
		color: #ffffff;;
		width:100%;
		padding:0 2.5%;
		line-height: 3em;
		display: block;
		width: 95% !important;
	}
	
	#nav:hover li:hover {background: #9f2200;}
	#nav:hover li a:hover,
	#nav:hover li.selected a {
	    background: White;
	    color: Red;
	    border-top-right-radius: 0.5em;
	    border-top-left-radius: 0.5em;
	    -webkit-border-top-right-radius: 0.5em;
	    -webkit-border-top-left-radius: 0.5em;
	    -moz-border-radius-topleft: 0.5em;
	    -moz-border-radius-topright: 0.5em;
    	}
	
.overlay.overlay-ajax {top: 10px !Important;}
.overlay.overlay-ajax input.searchPage {
    font-size: 200% !important;
    width: 90%;
    margin-bottom:1em;
}
.overlay.overlay-ajax input.searchPage.searchButton {width:auto;}
.overlay.overlay-ajax #searchform .discreet {text-align:left;}
.overlay.overlay-ajax #content-core strong {display:none;}

}

@media screen and (max-width: 480px) {
    #portal-breadcrumbs {display:none;}
    #portal-searchbox {
	float: none;
        width:80%;
	clear:both;
	margin: 0 auto 2%;
    }
}

/* @group Album view classes */
.imageLeft {
    float: left;
    position:relative;
    overflow: hidden;
    margin-right: 2em;
    margin-bottom: 2em;
    padding: 0px 6px 0px 9px;
}


.photoAlbumEntry {
    float: left;
    position:relative;
    overflow: hidden;
    height: 250px;
    width: 250px;
    margin: 0em;
    padding: 0px 6px 0px 9px;
    text-align: center;
    background-image: none;
    background-repeat: no-repeat;
}
.photoAlbumEntry img {
    border: 1px solid #ccc;
    display: block;
    margin: 0 auto;
}
.photoAlbumEntryWrapper {
    display: block; /* aligns title vertically*/
    height: 200px;
    width: 200px;
    margin-bottom: 7px;
}
.photoAlbumEntry a {
    display: block;
    text-decoration: none;
    font-size: 120%;
    height: 169px;
    width: 200px;
    margin: 16px auto 0px;
}
.photoAlbumFolder {
    background-repeat: no-repeat;
}
.photoAlbumEntryTitle {
    color: #76797c;
    display: block;
    width: 200px;
    height: 3.6em;
}

#edit-bar {
    background-color: white;
    border: 0.25em solid white;
    font-size: 80%;
    min-height: 2em;
    margin-bottom: 1em;
    padding-top: 0.05em;
}

#content-views {
    float: left;
    background-color: white;
}

#content-views a {
    color: Black;
}

#contentActionMenus dl.actionMenu a,
#contentActionMenus dl.actionMenu.activated dd {
    background-color: white;
    color: Black;
    z-index: 5;
}
#contentActionMenus dl.actionMenu.activated dd {
    border-bottom: 0.5em solid #e0e0e0;
    right: -3px;
}

#contentActionMenus {
    float: right;
    background: white;
    margin: 0;
    position: relative;
    top: -0.23em;
    right:-0.24em;
    padding: 0.1em 0.24em 0 0;
    border-radius: 0.5em;
    border-top-left-radius: 0;
    -webkit-border-radius: 0.5em;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 0.5em;
    -moz-border-radius-topleft: 0;
}

.state-published {
	color: #a0a0a0;
}


#plone-contentmenu-workflow .state-published {
	padding: 0 0.5em;
	background-color: #a0a0a0;
	border: 0.1em solid #909090;
	color: White;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}



.state-private {
	color: #b0b0b0;
}

#plone-contentmenu-workflow .state-private {
	padding: 0 0.5em;
	background-color: #b0b0b0;
	border: 0.1em solid #a0a0a0;
	color: White;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}




/* @end */
